<?php 
session_start();
$page = 'find-bus';
include('config.php');
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta name="viewport" content="width=320, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>Find a Bus</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA1Kb4h1tNxUp5QKPg18z2vhT3hW7-_cfanIUGdvUNbalm8ZIe4hT-E0yHzCliJKxNBQ1r147vO8Pqiw" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/jquery.reversegeocode.min.js"></script>
<script type="text/javascript" src="js/geolocation.js"></script>

<script type="text/javascript">  
function reverseCode(lat, longg) {  
	$('#location2').reversegeocode({
    lat: lat,
    lng: longg
    });
}  
</script>  
</head>
<body>
<div id="body-wrapper">
	<div id="header"><?php include('menu.php');?></div>
	<div id="Content">
		<form action="find-bus-results.php" name="find-bus" method="post">
		<fieldset title="Plan a Trip">
			<legend>Find a Bus</legend>
			<div class="row">
				<label><b>Bus Number* </b>(eg: 61C) </label><br/>
				<input name="bus" type="text" size="30" style="margin-top:5px;padding-top:3px;padding-bottom:3px;font-size:1.3em;"></input>
			</div>
			
			<div class="row" style="margin-top:10px;">
				<span class="blue bold">Your Current Location: </span><br/>
				<div id="location2"></div> 
			</div>
			
			<div class="row" style="margin-top:5px;">
				<label for="nearby"><b>Find Near </b>(eg: Craig St) </label><br/>
				<input name="location" type="text" size="30" value="Current Location" style="margin-top:5px;padding-top:3px;padding-bottom:3px;font-size:1.3em;"></input>
				<input type="hidden" name="lat" value=""/>
				<input type="hidden" name="long" value=""/>
			</div>
			<br/>
			<div class="row">
				<input type="submit" value="Find a Bus" name="submit"></input>
			</div>
		</fieldset>
			* = required fields
		</form>
		<div class="clear"></div>
	</div>
</div>
</body>
</html>